
<template>
  <div class="option">
    <div class="top">
      <van-icon @click="$router.back()" name="arrow-left" />
      <p>设置</p>
    </div>
      <p class="she" @click="$router.push('/setpassword')">设置密码</p>
       <div class="btn">
         <button @click="loginOut">退出</button>
       </div>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {
     loginOut(){
        localStorage.removeItem("msmktoken");
        this.$router.back();
       } 
  },
};
</script>
<style scoped lang='scss'>
.option{
.top {
  display: flex;
  align-items: center;
  padding: 10px;
  p {
    width: 90%;
    text-align: center;
  }
}
.she{
  border-bottom: 1px solid #eee;
  padding: 10px;
}
.btn{
    padding: 20px;
    button{
    width: 100%;
    height: 60px;
    border: none;
    color: #fff;
    border-radius: 30px;
    outline: none;
    background-color: #fd6614;
}
}
}
</style>
